<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>album.html</title>
<script>
function m(f){
	var obj= document.getElementById("photo");
	obj.src=f.src;
}
</script>

</head>
<body>

<img src='' width='416px' height='300px' id='photo'>
<p/>

<img src='../images/1.JPG' onmouseover='m(this)'>
<img src='../images/2.JPG' onmouseover='m(this)'>
<img src='../images/3.JPG' onmouseover='m(this)'>
<img src='../images/4.JPG' onmouseover='m(this)'>


</body>
</html>